<template>
	
	<div class="header-swiper swiper-container">
	<!-- 滑动内容区域 -->
	<div class="swiper-wrapper">
		<!-- 滑动项 -->
		<div class="swiper-slide" v-for="(item,index) in swiperList" :key="item.id">
			<img :src="item.imgURL" />
		</div>
	</div>
		
	</div>
			
</template>

<script>
	// 导入swiper
	import Swiper from 'swiper'
	export default{
		props:['swiperList'],
		data(){
			return{
				
			}
		},
	
	mounted(){
		new Swiper('.header-swiper',{
			// 重复滑动
			loop:true,
			observer:true,
			observerParents:true
		})
	}
	}
</script>

<style scoped>
.swiper-container{	
	width: 100%;
	height: 4.18rem;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
	}
</style>
